﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="WSS.hameduconn.Login" %>

<asp:Content ID="Content" ContentPlaceHolderID="MainContent" runat="server">
    <div class="wrapper">
        <h1>
            <a href="index.html">
                <img src="img/logo-big.png" alt="" class="retina-ready" width="59" height="49">WSS</a>
        </h1>
        <div class="login-body" style="padding: 10px 20px;">
            <h2>SIGN IN</h2>
            <div class="form-group">
                <div class="email controls">
                    <asp:TextBox CssClass="form-control" placeholder="Username" ID="tbUsername" runat="server"></asp:TextBox>
                </div>
            </div>
            <div class="form-group">
                <div class="pw controls">
                    <asp:TextBox CssClass="form-control" TextMode="Password" placeholder="Password" ID="tbPassword" runat="server"></asp:TextBox>
                </div>
            </div>
            <div class="form-group">
                <div class="pw controls">
                    <asp:DropDownList CssClass="form-control" ID="ddlRoles" runat="server">
                        <asp:ListItem Text="Login as Admin" Value="1"></asp:ListItem>
                        <asp:ListItem Text="Login as User" Value="2"></asp:ListItem>
                    </asp:DropDownList>
                </div>
            </div>
            <div class="submit">
                <div class="remember">
                    <div class="icheckbox_square-blue" style="position: relative;">
                        <input type="checkbox" name="remember" class="icheck-me" data-skin="square" data-color="blue" id="remember" style="position: absolute; top: -10%; left: -10%; display: block; width: 120%; height: 120%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);">
                        <ins class="iCheck-helper" style="position: absolute; top: -10%; left: -10%; display: block; width: 120%; height: 120%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins>
                    </div>
                </div>
                <asp:Button runat="server" ID="btnLogin" CssClass="btn btn-primary" Text="Login in me" OnClick="btLogin_Click" />
                <a href="Register.aspx" class="btn-link">Register</a>
            </div>
            <div style="margin-top: 10px" class="alert alert-info alert-danger" runat="server" id="loginAlert">
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $('body').addClass('login');
    </script>
</asp:Content>
